<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/jsps/tag.jsp"%>
<html>
<head>
<title>${sysconfig_info.title}</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<link href="${baseurl}favicon.ico" rel="icon" type="image/x-icon"/>

<%@ include file="/WEB-INF/jsps/common_js.jsp"%>
<%@ include file="/WEB-INF/jsps/common_css.jsp"%>
<script type="text/javascript">
    var tabOnSelect = function(title) {
		//根据标题获取tab对象
		var currTab = $('#tabs').tabs('getTab', title);
		var iframe = $(currTab.panel('options').content);//获取标签的内容

		var src = iframe.attr('src');//获取iframe的src
		//当重新选中tab时将ifram的内容重新加载一遍，目的是获取当前页面的最新内容
		if (src)
			$('#tabs').tabs('update', {
				tab : currTab,
				options : {
					content : createFrame(src)//ifram内容
				}
			});

	};
	var _menus;
	$(function() {//预加载方法
		//通过ajax请求菜单
		$.ajax({
			url : '${baseurl}menu/getlist',
			type : 'GET',
			dataType : 'json',
			success : function(data) {
				_menus = data;
				initMenu(_menus);//解析json数据，将菜单生成
			},
			error : function(msg) {
				alert('菜单加载异常!');
			}
		});

		$('#tabs').tabs('add', {
			title : '欢迎使用',
			iconCls:'icon-home',
			content : createFrame('${baseurl}welcome')
		}).tabs({
			//当重新选中tab时将ifram的内容重新加载一遍
			onSelect : tabOnSelect
		});

		//修改密码
		$('#modifypwd').click(menuclick);

	});

	//退出系统方法
	function logout() {
		_confirm('您确定要退出本系统吗?',null,
				function(){
					location.href = '${baseurl}user/logout';
				}
		)
	}


	//帮助
	function showhelp(){
	    window.open('https://www.baidu.com','帮助文档');
	}

	//关闭当前选中的选项卡
	function closeAll(){
		var $tabs = $("#tabs");
		var tab = $tabs.tabs('getSelected');
		var index = $tabs.tabs("getTabIndex",tab);
		$tabs.tabs("close",index);
	}

	//刷新当前选中面板(重写后/ganbo)
	function refreshTab(){
		// 调用 'refresh' 方法更新选项卡面板的内容
		var currTab = $('#tabs').tabs('getSelected');
		var iframe = $(currTab.panel('options').content);//获取标签的内容

		var src = iframe.attr('src');//获取iframe的src
		//当重新选中tab时将ifram的内容重新加载一遍，目的是获取当前页面的最新内容
		if (src){
			$('#tabs').tabs('update', {
				tab : currTab,
				options : {
					content : createFrame(src)//ifram内容
				}
			});
		}
	}


	$(function(){
		//首页右上角的工具栏
		$('#tabs').tabs({
			tools:'#tab-tools'
		});
	})

	//更换系统主题
	function changeSystemTheme(record){
		var theme = $("#systemTheme").attr("href","${baseurl}static/js/easyui/themes/"+record.value+"/easyui.css");
		$.cookie('easyuiThemeName',record.value, { expires: 7 }); // 存储一个带7天期限的 cookie

	    var $iframe = $('iframe');
	    if($iframe.length > 0){
	        for ( var i = 0; i < $iframe.length; i++) {
	            var ifr = $iframe[i];
	            $(ifr).contents().find('#systemTheme').attr('href',"${baseurl}static/js/easyui/themes/"+record.value+"/easyui.css");
	        }
	    }
	}

	$(function(){
		//检查系统主题,默认选中
        var defaultTheme = $.cookie("easyuiThemeName");
        if(defaultTheme!=null && defaultTheme != ""){
            $('#sysTheame').combobox('select',defaultTheme); //菜单项可以text或者id
		}
	});


</script>

<META name="GENERATOR" content="MSHTML 9.00.8112.16540">
</HEAD>

<body  class="easyui-layout" data-options="border:true"; scroll="no" >
	<div style='line-height: 40px; overflow: hidden; font-family: Verdana, 微软雅黑, 黑体;'
		 border="true" split="false" region="north">
		<span style="padding-right: 20px; float: right;font-size: 13px;color: #0052A3;" class="head">

			当前登陆用户:<span style="font-family: serif;font-variant: small-caps">[${user_in_session.realname}]</span>
			<A href="javascript:showhelp();" style="color: #0052A3;" >使用帮助</A>
			<A id="modifypwd" title='修改密码'   ref='modifypwd' href="#" rel='${baseurl}user/updatepasswordUI' icon='icon-edit' style="color: #0052A3;" >修改密码</A>
			<A id="loginOut"  href="javascript:logout();" style="color: #0052A3;" >退出系统</A>
			主题
			<select id="sysTheame" class="easyui-combobox" name="sysTheame" data-options="panelHeight:160,onSelect:changeSystemTheme" style="width:120px;">
					<option>default</option>
					<option>metro-blue</option>
					<option>metro-gray</option>
					<option>metro-green</option>
					<option>metro-orange</option>
					<option>metro-red</option>
					<option>metro-white</option>
					<option>ui-cupertino</option>
					<option>ui-pepper-grinder</option>
					<option>bootstrap</option>
					<option>gray</option>
					<option>material</option>
				</select>
		</span>
		<span style="padding-left:10px;font-size: 20px;color:#0081C2 ;font-weight: bold;">
			<img align="absmiddle" src="static/images/common/coins.png" width="30" height="30"/>
			${sysconfig_info.name}
	   </span>
	</div>

	<div style="height: 30px;" split="false" region="south">

		<div class="footer" align="center" >
			系统版本号:${sysconfig_info.sysVersion}&nbsp;&nbsp;发布日期:${sysconfig_info.publishDate}&nbsp;
			Copyright@2016-2017 ${sysconfig_info.copyright} 版权所有
		</div>
	</div>

	<div style="width: 170px;" id="west" title="模块导航" split="false" data-options="iconCls:'icon-reload'"
		region="west" >

		<div id="nav" class="easyui-accordion" border="false" fit="true" data-options="iconCls:'icon-reload',animate:false">

 		 	<%--<div title="系统菜单123" data-options="iconCls:'icon-plugin'" style="overflow:auto;padding:10px;">--%>
 		    <%--</div>--%>


		</div>
	</div>

	<div title="欢迎[${user_in_session.realname}]使用${sysconfig_info.title}" iconCls="icon-page_white_actionscript" style="background: rgb(238, 238, 238); overflow-y: hidden;" id="mainPanle" region="center">
		<div id="tabs" class="easyui-tabs"  data-options="fit:true,narrow:false,pill:false,boder:false"></div>
	</div>

	<div id="tab-tools">
		<a id="closeAll" href="javascript:void(0);" class="easyui-linkbutton" plain="true" iconCls="icon-reload" onclick="refreshTab();">刷新</a>
		<a href="javascript:void(0);" class="easyui-linkbutton" plain="true" iconCls="icon-cancel" onclick="closeAll();">关闭</a>
	</div>

	<%--<div data-options="region:'east',iconCls:'icon-1012333',title:'控制面板',split:true,collapsed:true" split="false" style="width:200px;">--%>
		<%--<div style="border: 1px solid gray;margin-top: 2px;">当前有:[${onlineUserList.size()}]人登陆此系统--%>
		<%--<c:forEach items="${onlineUserList}" var="item">--%>
			<%--<div>${item.key}</div>--%>
		<%--</c:forEach>--%>
		<%--</div>--%>
	<%--</div>--%>

</body>
</HTML>
